<p>
</p>


<div>
    <div class="company_content" *ngFor="let companyModel of companyModelList;index as i">

        <p-panel header="我的公司 - {{i+1}}" [toggleable]="true" [collapsed]="collapsedList[i]">
            <!-- <div>显示内容</div> -->
            <!-- <div class="col-sm-6"> -->
            <div class="company">

                <label class="my_lable">公司名称:</label>
                <!-- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -->
                <input type="text" name="companyName" [(ngModel)]="companyModel.companyName" class="form-control widthStyle offsetStyle"
                    maxlength="20" align="center" required #companyName="ngModel">
                <p [hidden]="companyName.valid || companyName.pristine" class="text-danger">
                    公司名称是必需的
                </p>

            </div>

             <div class="map">
                <label class="my_lable">公司地址:</label>
                <input placeholder="请输入公司地址" id="pickerInput_{{i}}" class="form-control widthStyle offsetStyle" 
                [(ngModel)]="companyModel.companyAddress" (ngModelChange)="change(i,$event)" >
                <div style="color:white" id="poiResult"></div>
              </div>
              <!--  (change)="change(i,$event.target)"  -->
          
            <!-- <div class="company" >
                    <label class="my_lable">公司电话:</label>
                    <input type="text" name="companyTel" [(ngModel)]="companyModel.companyTel" class="form-control widthStyle offsetStyle"  maxlength="20" >

                </div> -->


            <!--</div> -->

            <!--<div class="col-sm-6">-->
            <div class="company">
                <label class="my_lable">入职时间:</label>
                <p-calendar [(ngModel)]="companyModel.entryTime" class="width"dateFormat="yy-mm-dd" value="#{calendarView.date1}" [showIcon]="true" [locale]="ch" [inputStyle]="style"></p-calendar>
                <!-- <p-calendar [(ngModel)]="personInfo.graduateDmtTime" dateFormat="yy-mm-dd" value="#{calendarView.date1}" [showIcon]="true"  [locale]="ch"></p-calendar> -->
            </div>
            <div class="company">
                <label class="my_lable">离职时间:</label>
                <p-calendar [(ngModel)]="companyModel.quitTime" dateFormat="yy-mm-dd" value="#{calendarView.date1}" [showIcon]="true" [locale]="ch" [inputStyle]="style"></p-calendar>

            </div>


            <!--</div> -->

            <!-- <div class="col-sm-12">-->
            <!-- <div class="company">
                    <label class="my_lable">公司趣事:</label>
                    <input type="text" name="funnyThing" [(ngModel)]="companyModel.funnyThing" class="form-control widthStyle offsetStyle"  maxlength="20" >
                </div> -->
            <!-- <div class="company">
                    <label class="my_lable">招聘信息:</label>
                    <input type="text" name="recruitmentInfo" [(ngModel)]="companyModel.recruitmentInfo" class="form-control widthStyle offsetStyle"  maxlength="20" >
                </div> -->
            <!-- <div class="company">
                    <label class="my_lable">公司地址:</label>
                    <div class="form-group">
                            
                            <label class="form-inline">
                                
                                <select class="form-control" name="province" [(ngModel)]="this.province" (change)="changeProvince($event.target.value)"   style="float:left" name="province">
                                <option *ngFor="let option of provinceOptions" [value]="option.id">{{option.name}}</option>
                                </select>
                    
                                <select class="form-control" name="city" [(ngModel)]="this.city" (change)="changeCity($event.target.value)" style="float:left" name="city">
                                <option *ngFor="let option of cityOptions" [value]="option.id">{{option.name}}</option>
                                </select>
                               
                                <select class="form-control" name="countyOrDistrict" [(ngModel)]="this.countyOrDistrict"   style="float:left" name="countyOrDistrict">
                                <option *ngFor="let option of countyOrDistrictOptions" [value]="option.id">{{option.name}}</option>
                                </select>
                                
                            </label>
                        </div>
                </div> -->

            <!-- <div class="company">
                <label class="my_lable">使用的技术点或工具:</label>

            </div>


            <div class="company" *ngFor="let technologyModel of technologyModelList">
                <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                <label>{{technologyModel.techid}}</label>
                <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                <label>{{technologyModel.techName}}</label>
                <div class="company" *ngFor="let skillPointEntity of technologyModel.skillPointEntityList" class="radio">
                    <label>
                        <input name="group" type="checkbox" id="{{skillPointEntity.id}}" (click)="addTechnology(skillPointEntity.id)">{{skillPointEntity.techName}}
                    </label>
                </div>
            </div> -->
            <!-- <div class="company" style="height: 90px;">
                        <div><label class="my_lable">技术点推荐资料:</label></div>
                        <div><textarea rows="5" cols="30"  pInputTextarea [(ngModel)]="companyModel.recommendResource"></textarea></div> -->
            <!-- <input type="text" name="recommendResource" placeholder="填写推荐文章、书籍或网址" [(ngModel)]="companyModel.recommendResource" class="form-control widthStyle offsetStyle"  maxlength="20" > -->
            <!-- <div><label rows="1" cols="40" placeholder="填写推荐文章、书籍或网址" name="recommendResource" [(ngModel)]="companyModel.recommendResource" ></label></div> -->
            <!-- </div> -->
            <!-- <div class="company">
                <label class="my_lable" >上传公司图片</label> -->
                <!-- <label class="my_lable">
                </label> -->

                <!-- <input type="text" name="picture" placeholder="点击此处上传公司图片：可以上传多张或一张"  class="form-control widthStyle offsetStyle"  maxlength="20" > -->
                <!-- <div><label rows="5" cols="40" placeholder="点击此处上传公司图片：可以上传多张或一张"   ></label></div> -->
                <!-- <p-lightbox  [images]="pictureUrlAll"></p-lightbox> -->
                
                <!-- <div>
                        <button class="btn  btn-danger commit_assignment"  (click)="import($event)">上传图片</button>

                    <div align="center" style="float: left; margin-right: 10px;" *ngFor="let pictureUrl of pictureUrls">
                        <img src="{{this.pictureUrl}}" alt="公司图片" width="40" height="40" />

                        <img src="{{this.deleteIcon}}" alt="删除按钮" width="10" height="10" />
                    </div>
                </div> -->




            <!-- </div> -->
            <!-- </div> -->

        </p-panel>
    </div>
    <!-- <button type="submit" style="width : 100px" class="btn " (click)="saveCompany()">保存公司</button> -->
    <button class="btn  btn-info commit_assignment" (click)="addCompany(1)">增加公司</button>
    <button class="btn  btn-danger commit_assignment" (click)="deleteCompany(1)">删除公司</button>
    <button class="btn  btn-danger commit_assignment" (click)="saveCompany()">保存公司</button>



    <p-dialog header="导入文件" [(visible)]="displayFile" modal="modal" [responsive]="true" width="400">

        <div style="text-align:center;display:none">
            <input #filepath id="filePath" type="file" name="filePath" style="display:none" value="选择文件" ng2FileSelect [uploader]="uploader"
                (change)="selectedFileOnChanged($event)">
        </div>
        <input class="form-control" type="text" placeholder="选择文件" style="width:50%;height:25px;display:inline" [(ngModel)]="filename">
        <button type="button" pButton (click)="show(filepath)" label="选择文件"></button>
        <p-footer>
            <button type="button" pButton icon="fa-check" (click)="upload()" label="上传"></button>
            <button type="button" pButton icon="fa-close" (click)="displayFile=false" label="取消"></button>
        </p-footer>
    </p-dialog>

    <!-- 提示框，隐藏IP地址 -->
    <p-dialog header="提示" [(visible)]="display" modal="modal" width="400" [responsive]="true">
        <p style="text-align:center">
            {{messages}}
        </p>
        <p-footer>
            <button type="button" pButton icon="fa-check" (click)="display=false" label="确定"></button>
            <button id="btnErrorDataShow" type="button" pButton icon="fa-check" style="display:none;" (click)="lookErrorData()" label="失败数据"></button>
        </p-footer>
    </p-dialog>

    <!-- 确认框 -->
    <p-confirmDialog header="提示" icon="fa fa-question-circle" width="425"></p-confirmDialog>


    <!-- 上传Excel模板  -->
    <!-- <button (click)="showTempUpload()" style="display:none" >上传Excel模板</button> -->
    <!-- 文件导入 -->
    <p-dialog header="导入文件" [(visible)]="displayTemplet" modal="modal" [responsive]="true" width="300">
        <div style="text-align:center;display:none">
            <input #templetFilepath id="templetFilepath" type="file" name="templetFilepath" style="display:none" value="选择文件" ng2FileSelect
                [uploader]="templateUploader" (change)="selectedTempFileChanged($event)">
        </div>
        <input class="form-control" type="text" name="templateFileName" placeholder="选择文件" style="width:50%;height:25px;display:inline"
            [(ngModel)]="templateFileName">
        <button type="button" pButton (click)="show(templetFilepath)" label="选择文件"></button>
        <p-footer>
            <button type="button" pButton icon="fa-check" (click)="uploadTemplet()" label="上传"></button>
            <button type="button" pButton icon="fa-close" (click)="displayTemplet=false" label="取消"></button>
        </p-footer>
    </p-dialog>
</div>



<!-- <table border="1" >
    <tr>
        <th style="text-align:center;">公司名称</th><th style="text-align:center;" contenteditable="true" type="text"  ><input type="text" [(ngModel)]="companyModel.companyName"></th><th>公司电话</th><th style="text-align:center;" contenteditable="true" ><input  type="text" [(ngModel)]="companyModel.companyTel" ></th>
    </tr>
    <tr>
        <th style="text-align:center;">入职时间</th><th style="text-align:center;" contenteditable="true" ><p-calendar [(ngModel)]="companyModel.entryTime" dateFormat="yy-mm-dd"  [showIcon]="true"></p-calendar></th><th>离职时间</th><th style="text-align:center;" contenteditable="true" ><p-calendar [(ngModel)]="companyModel.quitTime" dateFormat="yy-mm-dd"  [showIcon]="true"></p-calendar></th>
    </tr>
    <tr>
        <th style="text-align:center;">公司趣事</th><th colspan="3" style="text-align:center;" contenteditable="true" ><input type="text" [(ngModel)]="companyModel.funnyThing"></th>
    </tr>
    <tr>
        <th style="text-align:center;">招聘信息</th><th colspan="3" style="text-align:center;" contenteditable="true" ><input type="text" [(ngModel)]="companyModel.recruitmentInfo"></th>
    </tr>
    <tr>
        
        <th style="text-align:center;">公司地址</th>
        <th colspan="3" style="text-align:center;" contenteditable="true" >
            <div class="form-group">
                
                <label class="form-inline">
                    
                    <select class="form-control" [(ngModel)]="this.province" (change)="changeProvince($event.target.value)"   style="float:left" name="province">
                    <option *ngFor="let option of provinceOptions" [value]="option.id">{{option.name}}</option>
                    </select>
        
                    <select class="form-control" [(ngModel)]="this.city" (change)="changeCity($event.target.value)" style="float:left" name="city">
                    <option *ngFor="let option of cityOptions" [value]="option.id">{{option.name}}</option>
                    </select>
                   
                    <select class="form-control" [(ngModel)]="this.countyOrDistrict"   style="float:left" name="countyOrDistrict">
                    <option *ngFor="let option of countyOrDistrictOptions" [value]="option.id">{{option.name}}</option>
                    </select>
                   
                </label>
            </div>
        </th>
    </tr>
    <tr>
        
        <th style="text-align:center;">使用的技术点或工具</th>
        <th colspan="3" style="text-align:center;" contenteditable="true" >
            <p-checkbox name="groupname" value="val1" label="Dubbo" [(ngModel)]="selectedValues"></p-checkbox>
            <p-checkbox name="groupname" value="val2" label="Zookeeper" [(ngModel)]="selectedValues"></p-checkbox>
        </th>
    </tr>
    <tr>
        <th style="text-align:center;">技术点推荐资料</th><th colspan="3" style="text-align:center;" contenteditable="true" ><input type="text" [(ngModel)]="companyModel.recommendResource"></th>
    </tr>
    <tr>
        <th colspan="4" style="text-align:center;" contenteditable="true">点击此处上传公司图片：可以上传多张或一张</th>
    </tr>
    
    <button id="login" type="submit" (click)="add(companyModel)">保存</button>
    
    <button id="login" type="submit" (click)="doLogin()">下一步</button>
</table> -->
<p-growl [(value)]="msgs"></p-growl>
<!-- <button type="button" pButton (click)="showViaService()" label="Add with Service"></button> -->
<p></p>








<!-- <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
</head>
<body>
  <h1 style="text-align:center;">My working time</h1>
  <table border="2">
    <caption><b>Working Day</b></caption>
  <tr>
    <th rowspan="2">Am</th>
    <td>9:30</td>
    <td>11:30</td>
    <td>-----</td>
    <td>-----</td>
    <td>-----</td>
    <td>-----</td>
  </tr>
  <tr>
    <td>Working</td>
    <td>Go off work</td>
    <td>Empty</td>
    <td>Empty</td>
    <td>Empty</td>
    <td>Empty</td>
   </tr>
   <tr>
     <th colspan="7" style="text-align:center;">
       Rest
     </th>
   </tr>
   <tr>
     <th rowspan="2">Pm</th>
     <td>1:00</td>
     <td>6:00</td>
     <td>-----</td>
     <td>-----</td>
     <td>-----</td>
     <td>-----</td>
   </tr>
   <tr>
     <td>Working</td>
     <td>Go off work</td>
     <td>Empty</td>
     <td>Empty</td>
     <td>Empty</td>
     <td>Empty</td>
   </tr> 
  </table>
</body>
</html> -->